<template lang="">
    <div>
        <van-nav-bar title="待处理签约申请" />

        <div style="background: #F5F7FB;">
            <div class="item-list">
                <div class="item">
                    <div class="item-title">
                        <div class="item-name">
                            <div style="margin-right:10px;font-size:20px">官兰为</div>
                            <div>58岁</div>
                        </div>
                        <div class="item-status">待审核</div>
                    </div>
                    <div class="item-detail">
                        <div class="item-row">
                            <div class="item-left">身份证号</div>
                            <div class="item-right">442355******2225844</div>
                        </div>
                        <div class="item-row">
                            <div class="item-left">签约团队</div>
                            <div class="item-right">阳兰广团队</div>
                        </div>
                        <div class="item-row">
                            <div class="item-left">服务包</div>
                            <div class="item-right">老年人服务器包</div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="item-list">
                <div class="item">
                    <div class="item-title">
                        <div class="item-name">
                            <div style="margin-right:10px;font-size:20px">官兰为</div>
                            <div>58岁</div>
                        </div>
                        <div class="item-status">待审核</div>
                    </div>
                    <div class="item-detail">
                        <div class="item-row">
                            <div class="item-left">身份证号</div>
                            <div class="item-right">442355******2225844</div>
                        </div>
                        <div class="item-row">
                            <div class="item-left">签约团队</div>
                            <div class="item-right">阳兰广团队</div>
                        </div>
                        <div class="item-row">
                            <div class="item-left">服务包</div>
                            <div class="item-right">老年人服务器包</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

</div>
</template>
<script>
import { ref, reactive } from 'vue'
import { useRouter, useRoute } from 'vue-router'
import { getItem, getItemCate, addItemCate } from "../api/index"
import { getUserInfo, log, LOCAL_USER } from "../utils/user"
import { showToast, showConfirmDialog } from 'vant';
export default {
    setup() {
        const router = useRouter()
        const route = useRoute()
        const userInfo = getUserInfo();
      
        return {
           
        }
    }
}
</script>
<style scoped>
.item-list {
   display: flex;
   flex-direction: column;
}

.item {
    background: #FFFFFF;
    margin-bottom: 5px;
    padding: 15px;
}
.item-title{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.item-name{
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 12px;
}

.item-status{
    color: #FA541C;
    background: #FFF2E8;
    padding: 6px;
    border-radius: 2px;
}
.item-row{
    display: flex;
    flex-direction: row;
    margin: 8px 0;
    color: #1C2023;
}

.item-left{
    margin-right: 15px;
    width: 25vw;
}

</style>